<template>
	<view class="outboundStyle">
		<!-- <view class="topSearch">
			<u-search placeholder="日照香炉生紫烟" v-model="keyword" :animation="false" :showAction="false"></u-search>
		</view> -->
		<view class="outbound_tab">
			<tabcut @tab="changeBtnOK" :Cuts="list4" :scrollable="false" :lineWidth="50"></tabcut>
		</view>

		<view v-if="active == 1" class="changeLeft_style">
			<whole></whole>
		</view>
		<view v-else-if="active == 2" class="changeLeft_style">
			<prevention></prevention>
		</view>
		<view v-else-if="active == 3" class="changeLeft_style">
			<announce></announce>
		</view>
		<view v-else="active == 4" class="changeLeft_style">
			<dispatch></dispatch>
		</view>
	</view>
</template>

<script>
import tabcut from '@/components/Tabcut.vue';
import whole from './components/whole.vue';
import prevention from './components/prevention.vue';
import announce from './components/announce.vue';
import dispatch from './components/dispatch.vue';
export default {
	components: {
		tabcut,
		whole, //全部
		prevention, //以调整
		announce, //未调整
		dispatch //正常
	},
	data() {
		return {
			keyword: '',
			list4: [
				{
					name: '全部',
					type: 1
				},
				{
					name: '已调整',
					type: 2
				},
				{
					name: '未调整',
					type: 3
				},
				{
					name: '正常',
					type: 4
				}
			],
			active: 1
		};
	},
	methods: {
		changeBtnOK(e) {
			this.active = e.type;
		}
	}
};
</script>

<style scoped lang="scss">
.topSearch {
	padding: 10rpx;
	background: #fff;
}
.outbound_tab {
	background-color: #fff;
}
</style>
